<template>
  <div class="box">
    <h2>Child111 component</h2>
    <p>msg: {{msg}}</p>
  </div>
</template>

<script>
export default {
  name: 'Child1',
  data () {
    return {
      msg: 'abc'
    }
  },

  mounted () {
    // 给$bus绑定监听, 接收数据
    this.$bus.$on('updateMsg', (content) => {
      this.msg += content
    })
  },

  beforeDestroy () {
    // 在组件死亡前, 解绑事件总线事件监听
    this.$bus.$off('updateMsg')
  }
}

  
</script>
